<!DOCTYPE html>
<html>
<head>
<title>金鸡岭驾校</title>
<!--css-->
<link href="/Views/Home/css/bootstrap.css" rel="stylesheet">
<link href="/Views/Home/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--/css-->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Mechanical Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->		
<!-- js -->
<script src="/Views/Home/js/jquery.min.js"> </script>
<script src="/Views/Home/js/bootstrap.js"></script>
<script type="text/javascript" src="/Views/Home/js/move-top.js"></script>
<script type="text/javascript" src="/Views/Home/js/easing.js"></script>
<!-- /js -->
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Belgrano' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
<!--
	作者：947796393@qq.com
	时间：2016-03-06
	描述：add
-->
<link rel="stylesheet" href="/Views/Home/tel/style/cs_q.css" type="text/css"/>
<script type="text/javascript" src="/Views/Home/tel/js/cs_q.js"></script>


<!--<script src="/Views/Home/js/jquery14.js" type="text/javascript"></script>-->
<!--/script-->
</head>
<body>
<!--header-->
<div class="header">
<div class="header-nav">
	<div class="container">
		<div class="logo">
			<a href="index.html"><h1>金鸡岭驾校</h1></a>
		</div>
		<div class="navigation">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"> </span>
						<span class="icon-bar"> </span>
						<span class="icon-bar"> </span>
					  </button>
					</div>
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					  <ul class="nav navbar-nav">
						<li class="active"><a href="/Views/Home/index.html">驾校首页<span class="sr-only">(current)</span></a></li>
						<li><a href="/Views/Home/关于我们.html">驾校信息</a></li>
						<li><a href="/Views/Home/报名须知.html">报名须知</a></li>
						<li><a href="/Views/Home/关于我们.html">关于我们</a></li>
						<li><a href="#">驾校论坛</a></li>
					  </ul>
			  <div class="clearfix"> </div>
			</div><!-- /.navbar-collapse -->
		</nav>
	</div>
	</div>
	</div>
</div>
			  <!-- script-for-menu -->
		 <script>
				$("span.menu").click(function(){
					$(".top-nav ul").slideToggle("slow" , function(){
					});
				});
		 </script>
		 <!-- script-for-menu -->
<div class="banner">
						<!-- banner-text Slider starts Here -->
						<script src="/Views/Home/js/responsiveslides.min.js"></script>
						<script>
							// You can also use "$(window).load(function() {"
								$(function () {
								// Slideshow 4
									$("#slider3").responsiveSlides({
									auto: true,
									pager:false,
									nav:true,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									$('.events').append("<li>before event fired.</li>");
									},
									after: function () {
										$('.events').append("<li>after event fired.</li>");
									}
								});	
							});
						</script>
						<!--//End-slider-script -->
						<div class="banner-title"> 
							<div  id="top" class="callbacks_container">
								<ul class="rslides" id="slider3">
									<li>
										<div class="banner2">
											<h2>金鸡岭驾校欢迎你</h2>
											<p>我们很专业.</p>
										</div>
									</li>
									<li>
										<div class="banner1">
											<h2>快速拿驾照，就选择金鸡岭驾校！</h2>
											<p></p>
										</div>
									</li>
									<li>
										<div class="banner-slide">
											<h2>坟头蹦迪、灵车漂移</h2>
											<p>桂林南电子科技大学信息科技学院</p>
										</div>
									</li>
						</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
</div>		
<div class="banner-bottom-strip">
	<div class="container">
		<!--<p>欢迎选报金鸡岭驾校，还有优惠活动呢，快快立即报名吧...</p>-->
				<script type="text/javascript">
			//滚动插件 
			(function($){ 
			$.fn.extend({ 
			Scroll:function(opt,callback){ 
			//参数初始化 
			if(!opt) var opt={}; 
			var _this=this.eq(0).find("ul:first"); 
			var lineH=_this.find("li:first").height(), //获取行高 
			line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数，默认为一屏，即父容器高度 
			speed=opt.speed?parseInt(opt.speed,10):500, //卷动速度，数值越大，速度越慢（毫秒） 
			timer=opt.timer?parseInt(opt.timer,10):3000; //滚动的时间间隔（毫秒） 
			if(line==0) line=1; 
			var upHeight=0-line*lineH; 
			//滚动函数 
			scrollUp=function(){ 
			_this.animate({ 
			marginTop:upHeight 
			},speed,function(){ 
			for(i=1;i<=line;i++){ 
			_this.find("li:first").appendTo(_this); 
			} 
			_this.css({marginTop:0}); 
			}); 
			} 
			//鼠标事件绑定 
			_this.hover(function(){ 
			clearInterval(timerID); 
			},function(){ 
			timerID=setInterval("scrollUp()",timer); 
			}).mouseout(); 
			} 
			}) 
			})(jQuery); 
			$(document).ready(function(){ 
			$("#scrollDiv").Scroll({line:4,speed:500,timer:1000}); 
			});
		</script>
		<style type="text/css">
			ul,li{margin:0;padding:0} 
			#scrollDiv{width:100%;height:100px;min-height:25px;line-height:25px;border:#ccc 0px solid;overflow:hidden} 
			#scrollDiv li{height:25px;padding-left:10px;}
		</style>
		<div id="scrollDiv">
			<ul>
				<li>这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行
				            这是公告标题的第三行这是公告标题的第三行
				</li>
				<li>这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行
				            这是公告标题的第三行这是公告标题的第三行
				</li>
				<li>这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行
				            这是公告标题的第三行这是公告标题的第三行
				</li>
				<li>这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行
				            这是公告标题的第三行这是公告标题的第三行
				</li>
				<li>这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行
				            这是公告标题的第三行这是公告标题的第三行
				</li>
				<li>这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行这是公告标题的第三行
				            这是公告标题的第三行这是公告标题的第三行
				</li>
			</ul>
		</div>
	</div>
</div>	
<div class="welcome">
	<div class="container">
		<h3>驾校风光</h3>
		<h5>欢迎您报考金鸡岭驾校.</h5>
<div id="products" class="products">
				<div class="col-md-4 product-grid">
						<a href="/Views/Home/images/a1.jpg" class="b-link-stripe b-animate-go1   swipebox"  title="">
							<img src="/Views/Home/fsIMG/x1.jpg" alt=" " class="img-responsive" />
						</a>
						<div class="project-grid-text1">
							<h4> 图片名称</h4>
							<p> 图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述</p>
						</div>
				</div>
				<div class="col-md-4 product-grid">	
						<a href="/Views/Home/images/a2.jpg" class="b-link-stripe b-animate-go1   swipebox"  title="">
							<img src="/Views/Home/fsIMG/x2.jpg" alt=" " class="img-responsive" />
						</a>
						<div class="project-grid-text1">
							<h4> 图片名称</h4>
							<p> 图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述</p>
						</div>
				</div>
				<div class="col-md-4 product-grid">
						<a href="/Views/Home/images/a3.jpg" class="b-link-stripe b-animate-go1   swipebox"  title="">
							<img src="/Views/Home/fsIMG/x3.jpg" alt=" " class="img-responsive" />
						</a>
						<div class="project-grid-text1">
							<h4> 图片名称</h4>
							<p> 图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述</p>
						</div>
					</div>
				<div class="col-md-4 product-grid">
						<a href="/Views/Home/images/a4.jpg" class="b-link-stripe b-animate-go1   swipebox"  title="">
							<img src="/Views/Home/fsIMG/x4.jpg" alt=" " class="img-responsive" />
						</a>
						<div class="project-grid-text1">
							<h4> 图片名称</h4>
							<p> 图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述</p>
						</div>
				</div>
				<div class="col-md-4 product-grid">	
						<a href="images/a5.jpg" class="b-link-stripe b-animate-go1   swipebox"  title="">
							<img src="/Views/Home/fsIMG/x5.jpg" alt=" " class="img-responsive" />
						</a>
						<div class="project-grid-text1">
							<h4> 图片名称</h4>
							<p> 图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述</p>
						</div>
					</div>
				<div class="col-md-4 product-grid">
						<a href="images/a6.jpg" class="b-link-stripe b-animate-go1   swipebox"  title="">
							<img src="/Views/Home/fsIMG/x6.jpg" alt=" " class="img-responsive" />
						</a>
						<div class="project-grid-text1">
							<h4> 图片名称</h4>
							<p> 图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述图片描述</p>
						</div>
					</div>
					<link rel="stylesheet" href="css/swipebox.css">
						<script src="/Views/Home/js/jquery.swipebox.min.js"></script> 
							<script type="text/javascript">
								jQuery(function($) {
									$(".swipebox").swipebox();
								});
							</script>
							<div class="clearfix"> </div>
		</div>
	</div>
	</div>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
<div class="features">
	<div class="container">
		<h3>科目二考试</h3>
		<h5>科目二，又称小路考，是机动车驾驶证考核的一部分，是场地驾驶技能考试科目的简称，考试项目包括倒车入库、侧方停车、坡道定点停车和起步、直角转弯、曲线行驶五项必考。</h5>
		<div class="features-info">
			<div class="col-md-6 features-left">
				<a href="/Views/Home/single.html"class="mask">
				     <img src="/Views/Home/kmIMG/k2.jpg" class="img-responsive zoom-img" alt=""/>
				</a>
			</div>
			<div class="col-md-6 features-right">
				<h4>科目名:场地驾驶技能考试科目　　满分成绩:100<br />考试类型:资格证考试 驾驶证考试 <br />考核标准:机动车驾驶证申领和使用规定 <br/><br/>掌握基础的驾驶操作要领，具备对车辆控制的基本能力；熟练掌握场地和场内道路驾驶的基本方法，具备合理使用车辆操纵机件、正确控制车辆运动空间位置的能力，能够准确地控制车辆的行驶位置、速度和路线。</h4>
					<a href="/Views/Home/about.thml" class="hvr-bounce-to-bottom">Read More</a>
			</div>
			<div class="clearfix"> </div>
	  </div>
	</div>
</div>
<div class="features1">
	<div class="container">
		<h3>科目三考试</h3>
		<h5>科目三，又称大路考，是机动车驾驶证考核的一部分，是机动车驾驶人考试中道路驾驶技能和安全文明驾驶常识考试科目的简称。
不同的准驾车型道路驾驶技能考试内容不同，一般包括：上车准备、起步、直线行驶、加减挡位操作、变更车道、靠边停车、直行通过路口、路口左转弯、路口右转弯、通过人行横道线、通过学校区域、通过公共汽车站、会车、超车、掉头、夜间行驶。</h5>
		<div class="features-info1">
			<div class="col-md-6 features-right1">
				<h4></h4>
				<p>科目名:场地驾驶技能考试科目　　满分成绩:100<br />考试类型:资格证考试 驾驶证考试 <br />考核标准:机动车驾驶证申领和使用规定 <br/><br/>掌握基础的驾驶操作要领，具备对车辆控制的基本能力；熟练掌握场地和场内道路驾驶的基本方法，具备合理使用车辆操纵机件、正确控制车辆运动空间位置的能力，能够准确地控制车辆的行驶位置、速度和路线。</p>
					<a href="/Views/Home/about.thml" class="hvr-bounce-to-bottom">Read More</a>
			</div>
						<div class="col-md-6 features-left1">
							<a href="single.html"class="mask">
				              <img src="/Views/Home/kmIMG/k3.jpg" class="img-responsive zoom-img" alt=""/>
				           </a>
			</div>
			<div class="clearfix"> </div>
	  </div>
	</div>
</div>
<div class="testimonials">
			<div class="testimonials-quote">
			<div class="clearfix"> </div>
        </div>
        </div>
	 <div class="team-work">
	  <div class="container">
		 <h3 class="team">我们的教练团</h3>
		 <div class="team-grids">
			 <div class="col-md-3 team-grid">
				 <img src="/Views/Home/images/abt1.jpg" alt=""/>
				 <h3><a href="#">教练团队</a></h3>
				 <p>教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队.</p>
			 </div>
			 <div class="col-md-3 team-grid">
				 <img src="/Views/Home/images/abt2.jpg" alt=""/>
				 <h3><a href="#">教练团队</a></h3>
				 <p>教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队.</p>
			 </div>
			 <div class="col-md-3 team-grid">
				 <img src="/Views/Home/images/abt3.jpg" alt=""/>
				 <h3><a href="#">教练团队</a></h3>
				 <p>教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队..</p>
			 </div>
			 <div class="col-md-3 team-grid">
				 <img src="/Views/Home/images/abt4.jpg" alt=""/>
				 <h3><a href="#">教练团队</a></h3>
				 <p>教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队教练团队.</p>
			 </div>
			 <div class="clearfix"> </div>
		 </div>
	 </div>
</div>
 <div class="footer">
			 <div class="container">				 	
				 <div class="col-md-3 ftr_navi ftr">
					 <h3>关于费用</h3>
					 <ul>
						 <li><a href="/Views/Home/收费标准.html">收费标准</a></li>
						 <li><a href="#">收费标准</a></li>
						 <li><a href="#">收费标准</a></li>
						 <li><a href="/Views/Home/网上报名.html">网上报名</a></li>
					 </ul>
				 </div>
				 <div class="col-md-3 ftr_navi ftr">
					 <h3>关于报名</h3>
					 <ul>
					 	<li><a href="#">报名须知</a></li>
					 	<li><a href="#">网上报名</a></li>
					 	<li><a href="#">乘车路线</a></li>
					 </ul>
				 </div>
				 <div class="col-md-3 get_in_touch ftr">
					  <h3>联系我们</h3>
					  <address style="color: white;">广西省桂林市金鸡岭驾校</address>
					  <p>GuiLin . China</p>
					  <p>+86 186 7733 8530</p>
				 </div>
				 <div class="col-md-3 ftr-logo">
					 <a href="#"><h3>我的信息</h3></a>
					 <strong style="font-size: 20px;color: white;">学号:1251210111</strong><br />
					 <strong style="font-size: 20px;color: white;">姓名:陈永鹏</strong></b>
				 </div>
				<div class="clearfix"> </div>
			 </div>
		  </div>
		 <!---End-container---->
		 <!---->
<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!----> 

<!--
	作者：947796393@qq.com
	时间：2016-03-06
	描述：广告
	
-->
<div id= 'qq_icon'></div>
<div id='cs_online'>
	<ul class='qq_context'>
		<li>
			<span class='span_t'>在线客服01：</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服02：</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服03：</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服04：</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服05：</span>
			<span class='qq_num'></span>
		</li>

	</div>
</div>
<script type="text/javascript">
	myEvent(window,'load',function(){
		dealy('qq_icon',2);						//2秒后显示QQ图标，默认为2秒，可自行设置
		settop('qq_icon','cs_online',150);		//设置在线客服的高度，默认150，可自行设置
		var span_q = getbyClass('cs_online','qq_num');
		setqq(span_q,['947796393','947796393','947796393','947796393','947796393']);		//填写5个QQ号码
		click_fn('qq_icon','cs_online');
	});
</script>

</body>
</html>